<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title><?php echo $this->fetch("title"); ?></title>

        <!-- Bootstrap -->
        <?php
            echo $this->Html->css('bootstrap.min');
            echo $this->Html->css('default');
        ?>
    </head>
    <body>
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/"><?php echo $this->Html->image("logo_tmt_inf.png") ?> Sistema Interno de Registro de Incidencias</a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">Cerrar Sesiòn</a></li>
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-10">
                    <ul class="nav nav-pills">
                        <li>
                            <a href="<?php echo $this->Html->url(array(
                                "controller" => "Asistencias",
                                "action" => "index"
                            )); ?>">
                                <div class="icon icon-asistencias icon-medium"></div>
                                Trabajadores
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo $this->Html->url(array(
                                "controller" => "Matriculas",
                                "action" => "info"
                            )); ?>">
                                <div class="icon icon-matricula icon-medium"></div>
                                Cruces Semafòricos
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo $this->Html->url(array(
                                "controller" => "Horarios",
                                "action" => "horarioAlumno"
                            )); ?>">
                                <div class="icon icon-horario icon-medium"></div>
                                Incidencias
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo $this->Html->url(array(
                                "controller" => "Recursos",
                                "action" => "index"
                            )); ?>">
                                <div class="icon icon-cursos icon-medium"></div>
                                Reportes
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-8">
                    <?php echo $this->Session->flash(); ?>
                    <?php echo $this->fetch('content'); ?>
                </div>
            </div>
        </div>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <?php
            echo $this->Html->script("jquery-1.11.1.min");
            echo $this->Html->script("bootstrap.min");
        ?>
    </body>
</html>